﻿<head>
    <title>艺佳国际家居有限公司</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="index.css">
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</head>

<body>
    
    <!--头部开始-->
    <div class="top">
        <ul class="clearfix">
            <li>
                <img src="images/logo.png" width="220px" />
            </li>
            <li class="li1">
                <a href="index.html">艺佳首页</a>
                <div class="pic1" id="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="brand.html">品牌诠释</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../2/product.html">产品展示</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../3/information.html">艺佳资讯</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../3/service.html">服务中心</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../4/contact.html">联系我们</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../5/about.html">关于我们</a>
                <div class="pic1"></div>
            </li>
        </ul>
    </div>

    <!--当前位置-->
    <div class="now">
        <p class="place">当前位置：
            <a href="#" />首页</a>
        </p>
    </div>

    <!--banner开始-->
    <div class="banner">
        <div class="imgs clearfix">
            <div class="fl img1">
                <img src="images/banner1.png" />
                <div class="nav nav1">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <div class="fl img1">
                <img src="images/banner2.jpg" />
                <div class="nav nav2">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <div class="fl img1">
                <img src="images/banner3.jpg" />
                <div class="nav nav3">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <div class="fl img1">
                <img src="images/banner5.jpg" />
                <div class="nav nav4">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <div class="fl img1">
                <img src="images/banner1.png" />
                <div class="nav nav1">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </div>


    <!--内容开始-->
    <div class="cnt1">
        <div class="clearfix set1">
            <div class="pic2 fl">
                <img src="images/pic1.jpg" />
                <p class="p2">坐空间, 艺术家</p>
            </div>
            <div class="pic2 fr">
                <img src="images/pic2.jpg" />
                <p class="p2">坐空间, 艺术家</p>
            </div>
        </div>
        <div class="clearfix">
            <div class="fl txt1">
                <p class="p1">我们的设计 !</p>
                <p>公司倡导“艺术、经典、时尚、环保”的设计理念，超前的设计思维、可靠的质量保障</p>
                <p>
                    <img id="pic" src="images/icon.png" />
                </p>
            </div>
            <div class="pic2 fl">
                <img src="images/pic3.jpg" />
                <p class="p2">坐空间, 艺术家</p>
            </div>
            <div class="pic2 pic3 fr">
                <img src="images/pic4.jpg" class="pic" />
                <p class="p2 p3">坐空间, 艺术家</p>
            </div>
        </div>
    </div>
    <!--第二部分内容-->
    <div class="bg">
        <div class="cnt2">
            <div class="pics clearfix">
                <div class="pic4 fl">
                    <img src="images/img_1.jpg" />
                    <p class="p4">PC CHAIR</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_2.jpg" />
                    <p class="p4"><a href="../2/chairs.html" style="color:white">WOODEN CHAIR</a></p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_3.jpg" />
                    <p class="p4">PP CHAIR</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_4.jpg" />
                    <p class="p4">METAL CHAIR</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_5.jpg" />
                    <p class="p4">ADONIS SOFT</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_6.jpg" />
                    <p class="p4">XULURIOUS CHAIR</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_7.jpg" />
                    <p class="p4">BAR STOOL</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_8.jpg" />
                    <p class="p4">UPHOLSTERED CHAIR</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_1.jpg" />
                    <p class="p4">PC CHAIR</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_2.jpg" />
                    <p class="p4"><a href="../2/chairs.html" style="color:white">WOODEN CHAIR</a></p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_3.jpg" />
                    <p class="p4">PP CHAIR</p>
                </div>
                <div class="pic4 fl">
                    <img src="images/img_4.jpg" />
                    <p class="p4">METAL CHAIR</p>
                </div>
            </div>
        </div>
    </div>

    <!--底部开始-->
    <div class="bot">
        <ul class="clearfix">
            <li>             
                地址：合肥市屯溪路合肥工业大学产业楼
                <br/>电话：+86 576 84188228 84196798
                <br/>传真：+86 576 84190851
                <br/>网址：http://www.chinaxingwei.com
                <br/>邮箱：starway@chinaxingwei.com
                <br/> 安ICP备15037734号-1
            </li>
            <li>
                帮助中心<br/> 支付方式<br/> 配送说明<br/> 售后服务<br/> 常见问题<br/> 家具保养
            </li>
            <li>
                客服中心<br/> 会员介绍<br/> 全国门店<br/> 软装设计<br/> 会员活动<br/> 客户受理
            </li>
            <li>
                <img src="images/code.png"/>官方微博<br/>
                <img src="images/code.png"/>官方微信
            </li>         
        </ul>
    </div>

    <!--在线预约-->
    <div id="btn1" class="chat">
        <img src = "images/chat.png" width="50px;" />
        <p>在线预约</p>
    </div>
    
    <div id="box">
        <div class="clearfix ifo"><span class="fl">请您留言</span>  <img src="images/close.png" class="fr" width="16px;" id="btn2"/></div>
        <textarea cols="26" rows="5" placeholder="请在此输入留言内容，我们会尽快与您联系。（必填）"></textarea>
        <div><input placeholder="姓名"/></div>
        <div><input placeholder="电话（必填）"/></div>
        <div><input placeholder="邮箱"/></div>
        <div><input placeholder="地址"/></div>
        <div><input type="button" value="发送"/></div>
    </div>

    <!--右侧侧边栏-->
    <div class="cndns-right">
        <div class="cndns-right-meau meau-car">
            <a href="#" class="cndns-right-btn">
                <span class="demo-icon">&#xe900;</span>
                <sup>0</sup>
            </a>
        </div>
        <div class="cndns-right-meau meau-sev">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe901;</span>
                <p>
                    在线<br />
                    客服
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <span class="demo-icon">&#xe901;</span>
                        <p>在线客服<i>服务时间：9:00-24:00</i></p>
                        <div class="clear"></div>
                    </div>
                    <div class="sev-b">
                        <h4>选择下列产品马上在线沟通：</h4>
                        <ul id="zixunUl">
                            <li><a href="qq.html">塑料椅系列</a></li>
                            
                            <li><a href="javascript:void(0);">木椅系列</a></li>
                            <li><a href="javascript:void(0);">金属椅系列</a></li>
                            <li><a href="javascript:void(0);">吧椅系列</a></li>
                            <li><a href="javascript:void(0);">多尼斯系列</a></li>
                            <li><a href="javascript:void(0);">现代沙发系列</a></li>
                            
                            <li><a href="javascript:void(0);">儿童椅系列</a></li>
                            
                            <li><a href="javascript:void(0);">脚凳系列</a></li>
                            
                            <li><a href="javascript:void(0);">其他产品</a></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <span class="arrow-right"></span>
                </div>
            </div>
        </div>
        <div class="cndns-right-meau meau-contact">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe902;</span>
                <p>
                    客服<br />
                    热线
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <span class="demo-icon">&#xe902;</span>
                        <p>400-123-4567<br /><i>7*24小时客服服务热线</i></p>
                        <div class="clear"></div>
                    </div>
                    <span class="arrow-right"></span>
                </div>
            </div>
        </div>
        <div class="cndns-right-meau meau-code">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe903;</span>
                <p>
                    关注<br />
                    微信
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <img src="images/02index-2.jpg" />
                        <i>关注官方微信</i>
                    </div>
                    <span class="arrow-right"></span>
                </div>
            </div>
        </div>
        <div class="cndns-right-meau meau-top" id="top-back">
            <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
                <span class="demo-icon">&#xe904;</span>
                <i>顶部</i>
            </a>
        </div>
    </div>

				
    <script>

        //预约弹框的显示和隐藏
        btn1.onclick = function(){
            box.style.display = "block";
        }
        btn2.onclick = function(){
            box.style.display = "none";
        }
    
        //置顶图标显示
        $('#top-back').hide()
        $(window).scroll(function(){
            if($(this).scrollTop() > 350){
                $("#top-back").fadeIn();
            }
            else{
                $("#top-back").fadeOut();
            }
        })	
        
        //置顶事件
        function topBack(){
        $('body,html').animate({scrollTop:0},300);
        }
    </script>
</body>


    